@charset "utf-8";
/* CSS Document */
body,html {
	padding:0px;
	margin:0px;
}

#menu {
   float:left;
   width:100%; 
   background-image: url(../Assets/Top.png);
   overflow:hidden;
   position:relative;
   font-family:"Myriad Pro";
   font-size:36px;
   font-weight:bold;
}
#menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   padding-top:0px;
   position:relative;
   left:50%;
   text-align:center;
}
#menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;

}
#menu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#45BB78;
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
}
#menu ul li a:hover {
   background:#fff;
   color:#000;
}
#menu ul li a.active,
#menu ul li a.active:hover {
   color:#000;
   background:#fff;
   font-weight:bolder;
}
#footer_wrapper { 
	text-align:center;
	color:#fff;
	background-color:#45BB78; 
	font-family: "Myriad Pro";
	font-weight:bold;
	font-size:20px;
	position:relative;
	width:auto;
}
#footer_wrapper a { 
color:#787878;
text-decoration:none;
position:relative;
width:auto;

}
#footer_wrapper a:hover {
	color:#5A5A5A
	position:relative;
	width:auto;
}
div#wrapper {
       width: 100%;
       min-height: 100%;
       height: auto !important;
       height: 100%;
       margin: 0px 0px -41px 0px;
	   position:relative;
	   width:auto;
 }
 

div#footer_wrapper {
       width: 100%;
       height: 30px;
	   position:relative;
	   width:auto;
 }
 

div#content_wrapper {
       width: 100%;
       padding: 0px 0px 0px 0px;
	   position:relative;
	   width:auto;
 }
 

div#footer_wrapper, div#content_wrapper {
       min-width: 942px;
	   position:relative;
	   width:auto;
 }
 

div#footer_inner_wrapper, div#content_inner_wrapper {
       width: 942px;
       margin: 0px auto;
	   position:relative;
	   width:auto;
 }
 
#pages { 
background-image:url(../Assets/abajo.fw.png);
height: 130px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
position:relative
padding:0px;

}

#pages a { 
font-family:Arial, Helvetica, sans-serif; 
text-decoration: underline;
color:#CCC;
position:relative
}
#pages a:hover { 
color:white
}
#logo { 
text-align:center;
position:relative
}
#otro { float:right; 
padding-right:50px;
position:relative
}
#mini { 
float:left;
padding-right:50px; 
alignment-adjust:auto;
position:relative
}
h1 { 
font-family:"Myriad Pro";
}
#info { 
font-family:"Myriad Pro";
background-color:#5ED2B8
}
h3 { 
font-weight:normal;
font-family:"Myriad Pro"
}
p { padding:0px; margin:0px;
}

#slider-wrapper{
			width: 1350px;
			height: 482px;
			margin: 50px auto;
			position: relative;
			margin-bottom: 0px;
			background: rgba(0,0,0,0.5);
			overflow: hidden;
		}
		
				#s1{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: -36px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s2{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: -12px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s3{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: 12px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s1:hover, #s2:hover, #s3:hover,{ opacity: 1;}
				
			.inner-wrapper{
				width: 1350px;
				height: 482px;
				position: absolute;
				top: 0;
				left: 0;
				margin-bottom: 0px;
				overflow: hidden;
			}
				.control{ display: none;}
				
				#Slide1:checked ~ .overflow-wrapper{ margin-left: 0%; }
				#Slide2:checked ~ .overflow-wrapper{ margin-left: -100%; }
				#Slide3:checked ~ .overflow-wrapper{ margin-left: -200%; }

				
				#Slide1:checked + #s1 { opacity: 1; }
				#Slide2:checked + #s2 { opacity: 1; }
				#Slide3:checked + #s3 { opacity: 1; }

				
			.overflow-wrapper{
				width: 400%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow-y: hidden;
				z-index: 1;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}
			
				.slide img{
					width: 25%;
					float: left;
				}